<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./../plantillas/plantillaBase.xhtml">
            <ui:define name="titulo">
                Cambio de Estado del Usuario
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript">
                    function upperCase(x)
                        {
                        var y=document.getElementById(x).value;
                        document.getElementById(x).value=y.toUpperCase();
                        }
                </script>
            </ui:define>
            <ui:define name="contenido">
                <h:form>
                    <p:tabView>
                        <p:tab title="Inactivar" >
                            <p:fieldset legend="Modificar el Perfil de Usuario" id="busquedaModificarPerfilUsua">
                                <h:panelGrid columns="2" cellspacing="8">
                                    <h:panelGroup>
                                        <h:outputLabel for="pefilUsuarioModifica" value="Seleccione usuario: "/>
                                        <h:selectOneMenu id="pefilUsuarioModifica" value="#{managerGestionUsuario.usuarioSeleccionado}">
                                            <f:selectItems value="#{managerGestionUsuario.catalogoActual.listaUsuarios}"/>
                                        </h:selectOneMenu>
                                    </h:panelGroup>
                                    <p:commandButton image="ui-icon ui-icon-pencil" value="Modificar" id="buscarPerfModif" action="#{managerGestionUsuario.buscarUsuario}" process="@this busquedaModificarPerfilUsua" update="reasignaExpedienteMod" />
                                </h:panelGrid>
                            </p:fieldset>
                            <br/>
                            <p:fieldset legend="Reasignación de Expedientes" id="reasignaExpedienteMod">
                                <h:outputLabel value="Ingrese un número de expediente y luego seleccione el técnico a asignar"/>
                                <h:panelGrid columns="3" cellspacing="8">
                                    <h:panelGroup>
                                        <h:outputLabel for="numExpedienteReasig" value="Número de expediente: "/>
                                        <p:inputMask id="numExpedienteReasig" value="#{managerGestionUsuario.expedienteIntroducido}" mask="aa-99999-9999" onblur="upperCase(this.id)"/>
                                    </h:panelGroup>
                                    <h:selectOneMenu id="perfilUserNuevo" value="#{managerGestionUsuario.nuevoUsuarioSeleccionado}" >
                                        <f:selectItems value="#{managerGestionUsuario.listaUsuariosDisponibles}" />
                                    </h:selectOneMenu>
                                    <p:commandButton image="ui-icon ui-icon-transferthick-e-w" value="Reasignar" action="#{managerGestionUsuario.guardarReasignacionTecnico}" process="@this reasignaExpedienteMod" update="reasignaExpedienteMod" />
                                </h:panelGrid>
                                <br/>
                                <p:dataTable var="item" value="#{managerGestionUsuario.listaExpedientes}" style="width: 450px;" >
                                    <f:facet name="header">
                                        <h:outputText value="LISTADO DE EXPEDIENTES A CARGO DEL USUARIO A CAMBIAR EL PERFIL:"/>
                                    </f:facet>
                                    <p:column style="text-align: center;">
                                        <f:facet name="header">
                                            Número de Expediente
                                        </f:facet>
                                        <h:outputText value="#{item.idexpediente}"/>
                                    </p:column>
                                </p:dataTable>
                            </p:fieldset>
                            <br/>
                            <p:fieldset legend="Cambio de Estado" id="cambiarEstadoUs">
                                <h:panelGrid columns="3" width="400" cellspacing="8">
                                    <h:outputLabel value="Haga clic en el botóon para inactivar al usuario"/>
                                    <p:commandButton image="ui-icon ui-icon-circle-minus" value="INACTIVAR" id="guardarNuevoEstado" action="#{managerGestionUsuario.guardarCambioEstadoInactivo}" update="reasignaExpedienteMod busquedaModificarPerfilUsua" />
                                </h:panelGrid>
                            </p:fieldset>
                        </p:tab>
                        <p:tab title="Activar">
                            <p:fieldset legend="Cambio de Estado de Usuario" id="busquedaModificarPerfilUsua2">
                                <h:panelGrid columns="2" width="400" cellspacing="8">
                                    <h:outputLabel for="pefilUsuarioModifica2" value="Seleccione usuario: "/>
                                    <h:selectOneMenu id="pefilUsuarioModifica2" value="#{managerGestionUsuario.usuarioSeleccionado}">
                                        <f:selectItems value="#{managerGestionUsuario.catalogoActual.listaUsuariosInactivos}"/>
                                    </h:selectOneMenu>                                   
                                    <h:outputLabel value="Haga clic en el botóon para activar al usuario"/>
                                    <p:commandButton image="ui-icon ui-icon-circle-plus" value="ACTIVAR" id="guardarNuevoEstado2" action="#{managerGestionUsuario.guardarCambioEstadoActivo}" update="reasignaExpedienteMod2 busquedaModificarPerfilUsua2 busquedaModificarPerfilUsua" />
                                </h:panelGrid>
                            </p:fieldset>
                        </p:tab>
                    </p:tabView>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
